<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/color-info.css">
    <link rel="stylesheet" href="../css/navbar.css">
    <title>颜色详情</title>
</head>

<body>
    <nav class="navbar">
        <div class="nav-logo">
            <img src="../img/logo.png" alt="logo">
            <a href="index.html" style="">Better Color</a>
        </div>

        <div class="nav-mid">
            <input class="search-input" type="text" placeholder="搜索你想要的颜色">
        </div>

        <div class="nav-right">
            <a href="color-create.html" class="nav-link">调色盘</a>
            <div class="user-name">
                <img src="../img/user.jpg" alt="user" class="user-logo">
                <a href="user.html">sunshine</a>
            </div>
            <div class="v-line"></div>
            <a href="login.html"><button class="logout-btn" href="login.html">退出登录</button></a>
        </div>
    </nav>
    <div class="index-bg">
        <img src="../img/index_bg.jpg" alt="index background">
        <div class="img-mask"></div>
    </div>

    <div class="color-row">
        <div class="color-body color-001">
        </div>
        <div class="color-item">
            <div class="color-title">
                <h4>background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);</h4>
            </div>
        </div>
    </div>
    <div class="wrapper fields-item">
        <h4 class="fields-item">收藏</h4>
        <input type="checkbox" class="uiswitch" checked>
    </div>
</body>

</html>